<!DOCTYPE html>
<html lang="en" id="width">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no"
    />
    <link rel="stylesheet" href="./css/zeng/sytle/swiper.min.css" />
    <link href="./css/zeng/sytle/reset.css" rel="stylesheet" />
    <link href="./css/zeng/sytle/1px.css" rel="stylesheet" />
    <link href="./css/zeng/sytle/index.css" rel="stylesheet" />
    <title>首页</title>
  </head>

  <body>
    <!-- 头部 -->
    <!-- 头部 -->
    <header>
      <!-- <a href="index.html" class="icon"><img src="./images/zeng/icon/arrow_03.png"></a> -->
      <div class="search">
        <!-- <p class="city"><span></span><b>北京</b></p>
        <div class="line"></div> -->
        <div class="keywords">
          <img src="./images/zeng/icon/galss_03.png" alt="" />
          <b>目的地/关键词</b>
        </div>
      </div>
    </header>

    <div class="contians">
      <!-- banner -->
      <div class="banner">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="javascript:;"><img src="./images/zeng/img/banner1.jpg" alt="" /></a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;"><img src="./images/zeng/img/banner2.jpg" alt="" /></a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;"><img src="./images/zeng/img/banner3.jpg" alt="" /></a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;"><img src="./images/zeng/img/banner4.jpg" alt="" /></a>
            </div>
          </div>
          <!-- 如果需要分页器 -->
          <div class="swiper-pagination"></div>
        </div>
      </div>
      <!-- 分类 -->
      <section class="category">
        <ul>
          <li>
            <div class="gt"><a href="trave.html">旅游</a></div>
            <div class="lt">
              <a href="javascript:;" style="background-color: #ff9f26;">
                <img src="./images/zeng/icon/ltbtn0323_03.png" />
                出境游
              </a>
              <a href="javascript:;" style="background-color: #ff9f26;">
                <img src="./images/zeng/icon/ltbtn0323_13.png" />
                国内游
              </a>
              <a href="javascript:;" style="background-color: #de4a89;">
                <img src="./images/zeng/icon/ltbtn0323_06.png" />
                周边游
              </a>
              <a href="javascript:;" style="background-color: #7e83e3;">
                <img src="./images/zeng/icon/ltbtn0323_08.png" />
                当地游
              </a>
            </div>
          </li>

          <li>
            <div class="gt"><a href="javascript:;">机票</a></div>
            <div class="lt">
              <a href="javascript:;">低价机票</a>
              <a href="javascript:;" style="background-color: #3aace0;">汽车票/船票</a>
              <a href="javascript:;" style="background-color: #31c6cc;">
                <img src="./images/zeng/icon/ltbtn0323_10.png" />
                火车票
              </a>
              <a href="javascript:;" style="background-color: #33b6d2;">专车自驾</a>
            </div>
          </li>

          <li>
            <div class="gt"><a href="javascript:;">酒店</a></div>
            <div class="lt">
              <a href="javascript:;" style="background-color: #bac731;">海外酒店</a>
              <a href="javascript:;" style="background-color: #bac731;">国内酒店</a>
              <a href="javascript:;" style="background-color: #82c731;">热门酒店</a>
              <a href="javascript:;">特色酒店</a>
            </div>
          </li>
        </ul>
      </section>

      <!-- banner2 -->
      <section class="banner2">
        <a href="javascript:;">
          <img class="banner2-img" src="./images/zeng/img/banner2-img.jpg" />
        </a>
      </section>

      <!-- 列表 -->
      <section class="list">
        <h3>
          <span></span>
          <p>特卖汇</p>
        </h3>
        <ol>
          <li>
            <a href="javascript:;">
              <img src="./images/zeng/img/item-img0329_01.jpg" />
              <div class="text">
                <p>台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单...</p>
                <div class="num">
                  <span class="size">席位充足</span>
                  <span>
                    <b>￥</b>
                    1999
                    <i>起来</i>
                  </span>
                </div>
              </div>
            </a>
          </li>

          <li>
            <a href="javascript:;">
              <img src="./images/zeng/img/item-img0329_02.jpg" />
              <div class="text">
                <p>台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单...</p>
                <div class="num">
                  <span class="size">席位充足</span>
                  <span>
                    <b>￥</b>
                    1999
                    <i>起来</i>
                  </span>
                </div>
              </div>
            </a>
          </li>

          <li>
            <a href="javascript:;">
              <img src="./images/zeng/img/item-img0329_03.jpg" />
              <div class="text">
                <p>台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单...</p>
                <div class="num">
                  <span class="size">席位充足</span>
                  <span>
                    <b>￥</b>
                    1999
                    <i>起来</i>
                  </span>
                </div>
              </div>
            </a>
          </li>

          <li>
            <a href="javascript:;">
              <img src="./images/zeng/img/item-img0329_04.jpg" />
              <div class="text">
                <p>台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单...</p>
                <div class="num">
                  <span class="size">席位充足</span>
                  <span>
                    <b>￥</b>
                    1999
                    <i>起来</i>
                  </span>
                </div>
              </div>
            </a>
          </li>

          <li>
            <a href="javascript:;">
              <img src="./images/zeng/img/item-img0329_05.jpg" />
              <div class="text">
                <p>台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单...</p>
                <div class="num">
                  <span class="size">席位充足</span>
                  <span>
                    <b>￥</b>
                    1999
                    <i>起来</i>
                  </span>
                </div>
              </div>
            </a>
          </li>

          <li>
            <a href="javascript:;">
              <img src="./images/zeng/img/item-img0329_06.jpg" />
              <div class="text">
                <p>台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单...</p>
                <div class="num">
                  <span class="size">席位充足</span>
                  <span>
                    <b>￥</b>
                    1999
                    <i>起来</i>
                  </span>
                </div>
              </div>
            </a>
          </li>
        </ol>
      </section>
    </div>

    <!-- 导航 -->
    <footer class="footer">
      <div class="footer-wrp-contain">
        <a href="index.html" class="footer-wrap-item">
          <img src="./images/common/footer_0322_01.png" alt="" />
          <span class="active">首页</span>
        </a>
        <a href="search.html" class="footer-wrap-item">
          <img src="./images/common/footer_0322_06.png" alt="" />
          <!-- <span class="active">目的地</span> -->
          <span>目的地</span>
        </a>
        <a href="history.html" class="footer-wrap-item">
          <img src="./images/common/footer_0322_07.png" alt="" />
          <span>浏览历史</span>
        </a>
        <a href="myinfo.html" class="footer-wrap-item">
          <img src="./images/common/footer_0322_08.png" alt="" />
          <span>个人</span>
        </a>
      </div>
    </footer>
    <!-- <script src="./js/zeng/jquery-1.11.3.min.js"></script> -->
    <!-- <script src="./lib/zepto.js"></script> -->
    <script src="./js/zeng/swiper.min.js"></script>
    <script src="./js/zeng/index.js"></script>
  </body>
</html>
